<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
    <meta charset="UTF-8">
    <title>发现</title>
    <link th:include="fragment/import :: import">
    <link rel="stylesheet" th:href="@{/static/css/main.css}">
</head>
<body style="background-color: #fbfbfb;font-family: 'Adobe 仿宋 Std R',serif">
<div th:replace="fragment/common :: header(resUrl='find.html')"></div>
<div class="xianyan-content container">
    <div class="row my-row-article">
        <div class="col-lg-1 col-md-0 col-sm-0 "></div>
        <div class="col-lg-10 col-md-12 col-sm-12 my-col-article">
            <!--发现页中间内容-->
            <div class="xianyan-find-left">
                <!--左边部分-->
                <div class="xianyan-find-nav">
                    <!--导航-->
                    <ul>
                        <li>推荐</li>
                        <li><a href="#">生活</a></li>
                        <li><a href="#">情感</a></li>
                        <li><a href="#">诗意</a></li>
                        <li><a href="#">美食</a></li>
                        <li><a href="#">旅行</a></li>
                        <li><a href="#">摄影</a></li>
                        <li><a href="#">更多</a></li>
                        <li class="my-btn-xianyan-find"><span class="glyphicon glyphicon-refresh" id="my-btn-find" ></span></li>
                    </ul>
                </div>
                <div class="xianyan-find-carousel">
                    <!--轮播-->
                    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                        <!-- Indicators -->
                        <ol class="carousel-indicators">
                            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                        </ol>

                        <!-- Wrapper for slides -->
                        <div class="carousel-inner" role="listbox">
                            <div class="item active my-item">
                                <img th:src="@{/static/images/xyIndex/dog.jpg}" alt="...">
                            </div>
                            <div class="item my-item">
                                <img th:src="@{/static/images/xyIndex/dog.jpg}" alt="...">
                            </div>
                            <div class="item my-item">
                                <img th:src="@{/static/images/xyIndex/dog.jpg}" alt="...">
                            </div>
                            <div class="item my-item">
                                <img th:src="@{/static/images/xyIndex/dog.jpg}" alt="...">
                            </div>
                        </div>

                        <!-- Controls -->
                        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                </div>
                <div class="xianyan-find-sm-nav">
                    <!--面包屑导航-->
                    <ul>
                        <li>当前位置：</li>
                        <li><a href="#">发现</a></li>
                        <li>/</li>
                        <li><a href="#">推荐</a></li>
                    </ul>
                </div>
                <div class="xianyan-article-content">
                    <!--文章摘要目录-->
                    <div class="xianyan-article-main">
                        <div class="xianyan-article-content-title">
                            <!--标题-->
                            <a href="#">养一条自来狗是什么体验</a>
                        </div>
                        <div class="xianyan-article-content-con">
                            <!--摘要-->
                            <div class="xianyan-article-content-con-text">
                                <!--内容-->
                                <p>
                                    我从来没养过狗，这是第一次养狗。跟旺旺的相遇，似乎就像这句话说的一样。来得很突然，来得很奇妙。想起第一次相遇的时候，很奇妙的感觉。那是一个心血来潮的晚上，我和朋友跑去利和广场看电影《捉妖记》，看完已经是午夜时分。我开着小电动，载着朋友，奔驰在无人空旷的道路上，突然间，一边的小树丛窜出一样东西，我定眼一看，居然是一只小狗，小狗看着大马路，显得特别的无助恐慌，两眼流露出来的惊慌的眼神，让我为之动容
                                </p>
                            </div>

                            <div class="clear"></div>
                        </div>
                        <div class="xianyan-article-content-else">
                            <!--其他信息-->
                            <div class="xianyan-article-writer">
                                <!--作者-->
                                <a href="#">性感阿雨</a>
                            </div>
                            <div class="xianyan-article-readNo">
                                <!--阅读数-->
                                <img th:src="@{/static/images/xyIndex/fire.png}" alt=""><span>1990</span>次浏览
                            </div>
                            <div class="xianyan-article-niceNo">
                                <!--点赞数-->
                                <img th:src="@{/static/images/xyIndex/like.png}" alt="">112
                            </div>
                            <div class="xianyan-article-takeNo">
                                <!--评论数-->
                                <img th:src="@{/static/images/xyIndex/message.png}" alt="">1122
                            </div>
                            <div class="xianyan-article-lable">
                                <!--标签-->
                                <span class="glyphicon glyphicon glyphicon-tags"> </span> <span> 情感</span>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="xianyan-article-content-con-img">
                        <!--图片-->
                        <img th:src="@{/static/images/xyIndex/dog.jpg}" alt="">
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="xianyan-article-content">
                    <!--文章摘要目录-->
                    <div class="xianyan-article-main">
                        <div class="xianyan-article-content-title">
                            <!--标题-->
                            <a href="#">养一条自来狗是什么体验</a>
                        </div>
                        <div class="xianyan-article-content-con">
                            <!--摘要-->
                            <div class="xianyan-article-content-con-text">
                                <!--内容-->
                                <p>
                                    我从来没养过狗，这是第一次养狗。跟旺旺的相遇，似乎就像这句话说的一样。来得很突然，来得很奇妙。想起第一次相遇的时候，很奇妙的感觉。那是一个心血来潮的晚上，我和朋友跑去利和广场看电影《捉妖记》，看完已经是午夜时分。我开着小电动，载着朋友，奔驰在无人空旷的道路上，突然间，一边的小树丛窜出一样东西，我定眼一看，居然是一只小狗，小狗看着大马路，显得特别的无助恐慌，两眼流露出来的惊慌的眼神，让我为之动容
                                </p>
                            </div>

                            <div class="clear"></div>
                        </div>
                        <div class="xianyan-article-content-else">
                            <!--其他信息-->
                            <div class="xianyan-article-writer">
                                <!--作者-->
                                <a href="#">性感阿雨</a>
                            </div>
                            <div class="xianyan-article-readNo">
                                <!--阅读数-->
                                <img th:src="@{/static/images/xyIndex/fire.png}" alt=""><span>1990</span>次浏览
                            </div>
                            <div class="xianyan-article-niceNo">
                                <!--点赞数-->
                                <img th:src="@{/static/images/xyIndex/like.png}" alt="">112
                            </div>
                            <div class="xianyan-article-takeNo">
                                <!--评论数-->
                                <img th:src="@{/static/images/xyIndex/message.png}" alt="">1122
                            </div>
                            <div class="xianyan-article-lable">
                                <!--标签-->
                                <span class="glyphicon glyphicon glyphicon-tags"> </span> <span> 情感</span>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="xianyan-article-content-con-img">
                        <!--图片-->
                        <img th:src="@{/static/images/xyIndex/dog.jpg}" alt="">
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="xianyan-article-content">
                    <!--文章摘要目录-->
                    <div class="xianyan-article-main">
                        <div class="xianyan-article-content-title">
                            <!--标题-->
                            <a href="#">养一条自来狗是什么体验</a>
                        </div>
                        <div class="xianyan-article-content-con">
                            <!--摘要-->
                            <div class="xianyan-article-content-con-text">
                                <!--内容-->
                                <p>
                                    我从来没养过狗，这是第一次养狗。跟旺旺的相遇，似乎就像这句话说的一样。来得很突然，来得很奇妙。想起第一次相遇的时候，很奇妙的感觉。那是一个心血来潮的晚上，我和朋友跑去利和广场看电影《捉妖记》，看完已经是午夜时分。我开着小电动，载着朋友，奔驰在无人空旷的道路上，突然间，一边的小树丛窜出一样东西，我定眼一看，居然是一只小狗，小狗看着大马路，显得特别的无助恐慌，两眼流露出来的惊慌的眼神，让我为之动容
                                </p>
                            </div>

                            <div class="clear"></div>
                        </div>
                        <div class="xianyan-article-content-else">
                            <!--其他信息-->
                            <div class="xianyan-article-writer">
                                <!--作者-->
                                <a href="#">性感阿雨</a>
                            </div>
                            <div class="xianyan-article-readNo">
                                <!--阅读数-->
                                <img th:src="@{/static/images/xyIndex/fire.png}" alt=""><span>1990</span>次浏览
                            </div>
                            <div class="xianyan-article-niceNo">
                                <!--点赞数-->
                                <img th:src="@{/static/images/xyIndex/like.png}" alt="">112
                            </div>
                            <div class="xianyan-article-takeNo">
                                <!--评论数-->
                                <img th:src="@{/static/images/xyIndex/message.png}" alt="">1122
                            </div>
                            <div class="xianyan-article-lable">
                                <!--标签-->
                                <span class="glyphicon glyphicon glyphicon-tags"> </span> <span> 情感</span>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="xianyan-article-content-con-img">
                        <!--图片-->
                        <img th:src="@{/static/images/xyIndex/dog.jpg}" alt="">
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="xianyan-article-content">
                    <!--文章摘要目录-->
                    <div class="xianyan-article-main">
                        <div class="xianyan-article-content-title">
                            <!--标题-->
                            <a href="#">养一条自来狗是什么体验</a>
                        </div>
                        <div class="xianyan-article-content-con">
                            <!--摘要-->
                            <div class="xianyan-article-content-con-text">
                                <!--内容-->
                                <p>
                                    我从来没养过狗，这是第一次养狗。跟旺旺的相遇，似乎就像这句话说的一样。来得很突然，来得很奇妙。想起第一次相遇的时候，很奇妙的感觉。那是一个心血来潮的晚上，我和朋友跑去利和广场看电影《捉妖记》，看完已经是午夜时分。我开着小电动，载着朋友，奔驰在无人空旷的道路上，突然间，一边的小树丛窜出一样东西，我定眼一看，居然是一只小狗，小狗看着大马路，显得特别的无助恐慌，两眼流露出来的惊慌的眼神，让我为之动容
                                </p>
                            </div>

                            <div class="clear"></div>
                        </div>
                        <div class="xianyan-article-content-else">
                            <!--其他信息-->
                            <div class="xianyan-article-writer">
                                <!--作者-->
                                <a href="#">性感阿雨</a>
                            </div>
                            <div class="xianyan-article-readNo">
                                <!--阅读数-->
                                <img th:src="@{/static/images/xyIndex/fire.png}" alt=""><span>1990</span>次浏览
                            </div>
                            <div class="xianyan-article-niceNo">
                                <!--点赞数-->
                                <img th:src="@{/static/images/xyIndex/like.png}" alt="">112
                            </div>
                            <div class="xianyan-article-takeNo">
                                <!--评论数-->
                                <img th:src="@{/static/images/xyIndex/message.png}" alt="">1122
                            </div>
                            <div class="xianyan-article-lable">
                                <!--标签-->
                                <span class="glyphicon glyphicon glyphicon-tags"> </span> <span> 情感</span>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="xianyan-article-content-con-img">
                        <!--图片-->
                        <img th:src="@{/static/images/xyIndex/dog.jpg}" alt="">
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="xianyan-find-right">
                <!--右边部分-->
                <div class="xianyan-find-writers">
                    <!--作者推荐-->
                    <div class="xianyan-find-writer-title class-title">
                        作者推荐
                    </div>
                    <div class="xianyan-writer-list">
                        <!--作者列表-->
                        <div class="xianyan-find-writer">
                            <div class="xianyan-writer-img">
                                <!--头像-->
                                <img class="img-circle" th:src="@{/static/images/xyIndex/head.png}" alt="">
                            </div>
                            <div class="xianyan-writer-inf">
                                <!--信息-->
                                <div class="xianyan-writer-information">
                                    <div class="xianyan-writer-name">
                                        <!--名字-->
                                        lynes
                                    </div>
                                    <div class="xianyan-writer-like">
                                        1999喜欢
                                    </div>
                                </div>
                                <div class="xianyan-writer-fouce">
                                    <!--关注-->
                                    <a href="#">+关注</a>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="clear">
                            </div>
                        </div>
                        <div class="xianyan-find-writer">
                            <div class="xianyan-writer-img">
                                <!--头像-->
                                <img class="img-circle" th:src="@{/static/images/xyIndex/head.png}" alt="">
                            </div>
                            <div class="xianyan-writer-inf">
                                <!--信息-->
                                <div class="xianyan-writer-information">
                                    <div class="xianyan-writer-name">
                                        <!--名字-->
                                        lynes
                                    </div>
                                    <div class="xianyan-writer-like">
                                        1999喜欢
                                    </div>
                                </div>
                                <div class="xianyan-writer-fouce">
                                    <!--关注-->
                                    <a href="#">+关注</a>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="clear">
                            </div>
                        </div>
                        <div class="xianyan-find-writer">
                            <div class="xianyan-writer-img">
                                <!--头像-->
                                <img class="img-circle" th:src="@{/static/images/xyIndex/head.png}" alt="">
                            </div>
                            <div class="xianyan-writer-inf">
                                <!--信息-->
                                <div class="xianyan-writer-information">
                                    <div class="xianyan-writer-name">
                                        <!--名字-->
                                        lynes
                                    </div>
                                    <div class="xianyan-writer-like">
                                        1999喜欢
                                    </div>
                                </div>
                                <div class="xianyan-writer-fouce">
                                    <!--关注-->
                                    <a href="#">+关注</a>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="clear">
                            </div>
                        </div>
                        <div class="xianyan-find-writer">
                            <div class="xianyan-writer-img">
                                <!--头像-->
                                <img class="img-circle" th:src="@{/static/images/xyIndex/head.png}" alt="">
                            </div>
                            <div class="xianyan-writer-inf">
                                <!--信息-->
                                <div class="xianyan-writer-information">
                                    <div class="xianyan-writer-name">
                                        <!--名字-->
                                        lynes
                                    </div>
                                    <div class="xianyan-writer-like">
                                        1999喜欢
                                    </div>
                                </div>
                                <div class="xianyan-writer-fouce">
                                    <!--关注-->
                                    <a href="#">+关注</a>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="clear">
                            </div>
                        </div>
                        <div class="xianyan-find-writer">
                            <div class="xianyan-writer-img">
                                <!--头像-->
                                <img class="img-circle" th:src="@{/static/images/xyIndex/head.png}" alt="">
                            </div>
                            <div class="xianyan-writer-inf">
                                <!--信息-->
                                <div class="xianyan-writer-information">
                                    <div class="xianyan-writer-name">
                                        <!--名字-->
                                        lynes
                                    </div>
                                    <div class="xianyan-writer-like">
                                        1999喜欢
                                    </div>
                                </div>
                                <div class="xianyan-writer-fouce">
                                    <!--关注-->
                                    <a href="#">+关注</a>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="clear">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="xianyan-story-class">
                    <!--推荐的标签-->
                    <div class="xianyan-story-class-title class-title">
                        推荐的标签
                    </div>
                    <div class="xianyan-story-class-content">
                        <ul>
                            <li><a href="#">生活</a></li>
                            <li><a href="#">情感</a></li>
                            <li><a href="#">大学</a></li>
                            <li><a href="#">职场</a></li>
                            <li><a href="#">风景</a></li>
                        </ul>
                    </div>
                </div>
                <div class="xianyan-find-writers">
                    <!--最新文章-->
                    <div class="xianyan-find-writer-title class-title">
                        最新文章
                    </div>
                    <div class="xianyan-writer-list">
                        <div class="xianyan-new-article">
                            <div class="xianyan-new-article-tag">
                                <!--圆圈-->
                            </div>
                            <div class="xianyan-new-article-inf">
                                <div class="xianyan-new-article-title">
                                    <a href="#">阅读对一个人最深广的魅力</a>
                                </div>
                                <div class="xianyan-new-article-else">
                                    2019年3月2日 21:22:33
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="xianyan-new-article">
                            <div class="xianyan-new-article-tag">
                                <!--圆圈-->
                            </div>
                            <div class="xianyan-new-article-inf">
                                <div class="xianyan-new-article-title">
                                    <a href="#">阅读对一个人最深广的魅力</a>
                                </div>
                                <div class="xianyan-new-article-else">
                                    2019年3月2日 21:22:33
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="xianyan-new-article">
                            <div class="xianyan-new-article-tag">
                                <!--圆圈-->
                            </div>
                            <div class="xianyan-new-article-inf">
                                <div class="xianyan-new-article-title">
                                    <a href="#">阅读对一个人最深广的魅力</a>
                                </div>
                                <div class="xianyan-new-article-else">
                                    2019年3月2日 21:22:33
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="xianyan-new-article">
                            <div class="xianyan-new-article-tag">
                                <!--圆圈-->
                            </div>
                            <div class="xianyan-new-article-inf">
                                <div class="xianyan-new-article-title">
                                    <a href="#">阅读对一个人最深广的魅力</a>
                                </div>
                                <div class="xianyan-new-article-else">
                                    2019年3月2日 21:22:33
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="xianyan-new-article">
                            <div class="xianyan-new-article-tag">
                                <!--圆圈-->
                            </div>
                            <div class="xianyan-new-article-inf">
                                <div class="xianyan-new-article-title">
                                    <a href="#">阅读对一个人最深广的魅力</a>
                                </div>
                                <div class="xianyan-new-article-else">
                                    2019年3月2日 21:22:33
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="col-lg-1 col-md-0 col-sm-0 "></div>
    </div>
</div>
<div th:replace="fragment/common :: footer"></div>
</body>
<script>
    /*layui.config({
        base: '../../static/js/'
    }).extend({ //设定模块别名
        project: 'project' //如果 mymod.js 是在根目录，也可以不用设定别名
    }).use('project');*/

</script>
</html>